html,
body {
  height: 100%;
  overflow: hidden; // As soon as our styling is clean this can be removed
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:focus,
button:focus,
input:focus {
  outline: none !important;
}

.form-control:focus {
  border-color: #ced4da;
  box-shadow: none;
}

// We don't want our bootstrap 4 dropdowns to display the caret at the end of the button
.dropdown-toggle::after {
  display: none;
}

.bpmn-studio-layout {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: stretch;
}

.bpmn-studio-layout__content {
  display: flex;
  // The height of the navbar must be subtracted in order to get the total height for the content.
  max-height: calc(100% - 42px);
  flex: 1;
  padding-bottom: 20px;
  align-items: stretch;
}

router-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.toast-bottom-left {
  bottom: 20px;
}

.button {
  color: #333;
  opacity: 0.5;
}

.button:hover {
  opacity: 1;
}

.button--active {
  opacity: 1;
}

.button--disabled {
  opacity: 0.1;
}

.button--disabled:hover {
  opacity: 0.1;
}

.btn-default {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}

.btn-default:hover:enabled {
  background-color: #eee;
}

.btn-default:not(:disabled):focus {
  border-color: black;
}

.btn-primary,
.btn-primary:disabled {
  background: #5d8a3c;
  border-color: #4c7032;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover:enabled {
  background: #4c7032;
  border-color: #2b401c;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(95, 142, 20, 0.5);
}

.btn:focus {
  box-shadow: none;
}

.dropdown-item {
   background-color: transparent !important;
   color: black !important;
   user-select: none;
}

.dropdown-item:hover {
  background-color: #e6e6e6 !important;
}

.checkbox-input {
  position: relative
}

.checkbox-input__checkbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
}

.checkbox-input__input {
  padding-left: 30px;
}
